<template>
  <view class="wrap">
    <view class="relative">
      <view class="bg w-full h-[420rpx] overflow-hidden">
        <view
          class="w-full h-[116rpx] mt-[204rpx] px-[32rpx] box-border flex items-center justify-between"
        >
          <view class="w-[384rpx] h-full flex items-center">
            <view class="w-[116rpx] h-[116rpx] mr-[20rpx]">
              <image class="w-full" mode="widthFix" src="/static/mine/pic.png"></image>
            </view>
            <view>
              <view class="font-mediumt text-[32rpx] text-[#1A202C]">微信用户</view>
              <view class="text-[#666666] text-[22rpx] font-normal">15107928438</view>
            </view>
          </view>
          <view
            class="bg-[#ffffff] rounded-[48rpx] px-[34rpx] py-[10rpx] box-border text-[#1A202C] text-[24rpx] font-normal"
            >退出</view
          >
        </view>
      </view>
      <view class="w-full h-[132rpx] absolute left-0 bottom-[-96rpx] flex justify-center">
        <view
          class="w-[686rpx] h-full bg-[#ffffff] flex items-center justify-around rounded-[8rpx]"
        >
          <view class="flex flex-col justify-center items-center">
            <image src="/static/mine/dianzan.png" class="w-[48rpx] h-[48rpx]"></image>
            <view class="text-[26rpx] font-normal text-[#1A202C] mt-[10rpx]">点赞</view>
          </view>
          <view class="flex flex-col justify-center items-center">
            <image src="/static/mine/order.png" class="w-[48rpx] h-[48rpx]"></image>
            <view class="text-[26rpx] font-normal text-[#1A202C] mt-[10rpx]">订单</view>
          </view>
          <view class="flex flex-col justify-center items-center">
            <image src="/static/mine/evaluate.png" class="w-[48rpx] h-[48rpx]"></image>
            <view class="text-[26rpx] font-normal text-[#1A202C] mt-[10rpx]">评价</view>
          </view>
          <view class="flex flex-col justify-center items-center">
            <image src="/static/mine/cequan.png" class="w-[48rpx] h-[48rpx]"></image>
            <view class="text-[26rpx] font-normal text-[#1A202C] mt-[10rpx]">优惠券</view>
          </view>
        </view>
      </view>
    </view>
    <view class="w-full mt-[156rpx] px-[32rpx] box-border flex justify-center">
      <view class="w-[686rpx] rounded-[8rpx] bg-[#ffffff] px-[32rpx] box-border">
        <view
          class="w-full h-[112rpx] flex flex-col justify-center"
          style="border-bottom: 1px solid #f6f6f6"
        >
          <view class="flex items-center justify-between">
            <view class="flex items-center">
              <text class="icon-[bx--message-rounded-detail] text-[48rpx] mr-[28rpx]"></text>
              <text class="text-[28rpx] font-medium text-[#1A202C]">意见反馈</text>
            </view>
            <text class="icon-[icon-park-outline--right] text-[32rpx] text-[#999999]"></text>
          </view>
        </view>
        <view class="w-full h-[112rpx] flex flex-col justify-center">
          <view class="flex items-center justify-between">
            <view class="flex items-center">
              <text class="icon-[bx--message-rounded-detail] text-[48rpx] mr-[28rpx]"></text>
              <text class="text-[28rpx] font-medium text-[#1A202C]">商务合作</text>
            </view>
            <text class="icon-[icon-park-outline--right] text-[32rpx] text-[#999999]"></text>
          </view>
        </view>
      </view>
    </view>
  </view>
  <cc-myTabbar :tabBarShow="4"></cc-myTabbar>
</template>

<script setup>
uni.hideTabBar()
</script>

<style lang="scss">
.wrap {
  .bg {
    background: url("/static/mine/mineBg.png") no-repeat center;
    background-size: 100% 100%;
  }
}
</style>
